﻿(function ($) {
    $(".categorySelector .open-button").on("click", function () {
        $.fancybox($(".categorySelector .selector"), {
            width: 600,
            height: 400,
            autoSize: false
        });
    });

    var removeItem = function () {
        var item = $(this).parent();

        var itemId = item.attr("data-id");

        $(".categorySelector .selector .category[data-id='" + itemId + "']").removeClass("selected");
        item.remove();
    };

    $(".categorySelector .selected-items .category a").on("click", removeItem);

    $(".categorySelector .selector .category").on("click", function () {
        var $this = $(this);

        if (!$this.hasClass("selected")) {
            var selectedItem = $this.clone().appendTo($(".selected-items"));

            $("<a>x</a>").appendTo(selectedItem)
                .on("click", removeItem);

            $this.addClass("selected");

            $.fancybox.close();
        }
    });

})(jQuery);